<template>
  <!-- <div v-if="show"> 
    hello
  </div>
  <div v-else-if="false">
    world
  </div>
  <div v-else>
    <template v-if="true">
      <div>
        <span>1</span>
        <span>1</span>
        <span>1</span>
      </div>
      <div>
        <span>1</span>
        <span>1</span>
        <span>1</span>
      </div>
      <div>
        <span>1</span>
        <span>1</span>
        <span>1</span>
      </div>
    </template>
  </div> -->
  <!-- <div v-show="show">
    hello
  </div>
  <div>
    <button @click="show = !show">click</button>
  </div> -->
  <ul>
    <template v-for="li in list">
      <li v-if="li==='a'">
        {{li}}
      </li>
    </template>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      show: true,
      list: ['a', 'b', 'c']
    }
  }
}
</script>

<style lang='stylus' scoped>

</style>